@charset "utf-8";
/* CSS Document akakaz */
* {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

strong,a,span,li {
	font-size: 14px;
}

img {
	border: none;
}

ul, li, ol {
	list-style: none;
}
i,em {font-style:normal;}
/* CSS Document */
/* 样式重置-----------------------------------------------------------------------------------------------------*/
::-webkit-input-placeholder{
	color:#fff;
}
:-moz-placeholder{
caret-color:#fff;
}
::-moz-placeholder{
	color:#fff;
}
:-ms-input-placeholder{
flood-color:#fff;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
	box-shadow:0 0 0 60px #0666cc inset; 
	-webkit-text-fill-color: #fff;
}

#search_text  :-webkit-input-placeholder{
	color:#fff!important;
	font-size: 16px!important;;
}
#search_text  :-moz-input-placeholder{
	color:#fff!important;
	font-size: 16px!important;;
}
#search_text  :-ms-input-placeholder{
	color:#fff!important;
	font-size: 16px!important;;
}
#search_text input::-webkit-input-placeholder,#search_text textarea::-webkit-input-placeholder {
    color: #fff!important;
    font-size: 16px!important;
}

#search_text input:-ms-input-placeholder {
    color: #fff!important;
    font-size: 16px!important;
}

#search_text textarea:-ms-input-placeholder {
    color: #fff!important;
    font-size: 16px!important;
}




html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

ul {
	list-style: none;
}
/* 清除浮动
----------------------------------------------------------------------------------------------------*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.text-center{
	text-align: center;
}


/* 兼容清除浮动和错位 */
a {
	text-decoration: none;
	color: #333;
}

a:hover {
	color: #0666cc;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
.f-oh{
	overflow: hidden;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
/* 主体宽度设置
----------------------------------------------------------------------------------------------------*/
body {
	background: #fff;
	min-width: 1500px;
}

.wrap{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.flex-between {
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex;
	display: -o-flex; 
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-moz-justify-content:space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}
.flex-around {
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex;
	display: -o-flex; 
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: space-around;
	-moz-justify-content:space-around;
	-ms-justify-content: space-around;
	-o-justify-content: space-around;
	justify-content: space-around;
}
.flex-center {
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex;
	display: -o-flex; 
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: space-center;
	-moz-justify-content:space-center;
	-ms-justify-content: space-center;
	-o-justify-content: space-center;
	justify-content: space-center;
}
.flex-wrap {
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-o-flex-wrap:wrap;
	flex-wrap:wrap;
}
.scale {
	transition: 1s;
	transform:scale(1.2,1.2); 
	-ms-transform:scale(1.2,1.2);  	/* IE 9 */
	-moz-transform:scale(1.2,1.2); 	/* Firefox */
	-webkit-transform:scale(1.2,1.2);  /* Safari 和 Chrome */
	-o-transform:scale(1.2,1.2); 
}
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}


/*header*/
.headtop {
	width: 100%;
	max-width: 1920px;
	height: 45px;
	line-height: 45px;
	margin: 0 auto;
	color: #999;
	border-bottom: 1px solid #f2f2f2;
}
.headtop span {
	color: #919191;
	font-size: 14px;
	line-height: 30px;
}
.topinfo{
	float: right;
}
.topinfo ul li{
	float: left;
	border-right: 1px solid #f2f2f2;
}
.topinfo ul li:last-child{
	border: none;
}
.topinfo ul li:first-child{
	background-color: #f2f2f2;
}
.topinfo ul li a{
	display: block;
	padding: 0px 15px;
}
.topinfo ul .tel a{
	color: #0159a0;
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
}
.wechat{
	position: relative;
}
.wechat .vx{
	position:absolute;
	margin-top: 2px;	
	height: 0;
	overflow: hidden;
	transition: 0.3s;
}
.wechat .vx img{
	max-width: 111px;
}
.wechat:hover .vx{
	height: 120px;
}
.logo {height: 75px;overflow: hidden;}
.hotlinks a{
	display: inline-block;
    padding: 8px 30px;
    border-radius: 20px;
    background-color: #f2f2f2;
    color: #666666;
    transition: 0.3s;
    margin: 0 5px;
}
.hotlinks a:hover{
	color: #0159a0;
	background-color: #ffcc00;
}
header{
	padding: 1% 0 0;
}
.hotlinks{
	margin-top: 20px;
}
nav{
	background-color: #0666cc;
}
nav ul li{
	float: left;
	width: 120px;
	text-align: center;
	position: relative;
}
nav ul li>a{
	display: block;
	color: #fff;
	line-height: 52px;
	font-size: 15px;
	transition: 0.3s;
}
nav ul li:hover>a{
	color: #0666cc;
	background-color: #ffcc00;
}
nav ul li.on a{
	color: #0666cc;
	background-color: #ffcc00;
}
nav ul li>ul{
	position: absolute;
	width: 100%;
	display: none;
	z-index: 1;
}
nav ul li>ul>li>a{
	display: block;
	color: #fff;
	line-height: 45px;
	font-size: 15px;
	background: #0666cc;
	transition: 0.3s;
	width: 135%;
}
nav ul li>ul>li>a:hover{
	color: #fff;
}
nav ul li:hover ul{
	display: block;
}
/*headerend*/


/*banner*/
.flexslider {
	margin: 0px auto;
	position: relative;
	width: 100%;
	height: 340px;
	overflow: hidden;
	zoom: 1;
}
.index .flexslider{
	height: 600px;
}
.flexslider .slides li { width: 100%; height: 100%; }
.flex-direction-nav a { 
	width: 70px; height: 70px;
	overflow: hidden; margin: -35px 0 0;
	display: block; 
	position: absolute; top: 50%; z-index: 10; cursor: pointer;
	opacity: 0; filter: alpha(opacity=0);
	-webkit-transition: all .3s ease; border-radius: 0px;
	font-size: 70px;
    color: rgba(6,102,204,0.8);
    text-align: center;
    line-height: 65px;
	font-family: cursive;
 }
.flex-direction-nav .flex-next { background-position: 0 -70px; right: 0; }
.flex-direction-nav .flex-prev { left: 0; }
.flexslider:hover .flex-next { opacity: 1; filter: alpha(opacity=100); }
.flexslider:hover .flex-prev { opacity: 1; filter: alpha(opacity=100); }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{
	opacity: 1;
	filter: alpha(opacity=100);
	color: rgba(6,102,204,1);
}
.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; }
.flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1;  *display: inline;}
.flex-control-paging li a {
	display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; 
	background-color: rgba(6,102,204,0.5) ;
}
.flex-control-paging li a.flex-active, .flex-control-paging li.active a { background-color: rgba(6,102,204,1) ; }
.flexslider .slides a img { width: 100%; height:340px; display: block; }
.index .flexslider .slides a img{
	height: 600px;
}
/*banner  end*/

/*search all*/
.search{
	background-color: #0666cc;
	font-size: 16px;
	color: #fff;
}

.search .icon{
    font-size: 38px;
    vertical-align: middle;
}
.search a{
	color: #fff;
	font-size: 16px;
	transition: 0.3s;
	padding: 0 10px;
	line-height: 80px;
}
.search a:hover{
	color: #ffcc00;
}
.search form input{
	border: none;
	outline: none;	
}
.search form{
	display: block;
    text-align: right;
	width: 410px;
	border-left: 1px solid #fff;
}
#search_text{	
	background: #0666cc;
    font-size: 16px;
    color: #fff;
    width: 68%;
    line-height: 81px;
    padding-left: 40px;
    float: left;
}
.search form button{
	border: none;
	outline: none;
	color: #fff;
	line-height: 80px;
	padding: 0 5%;
	cursor: pointer;
	background-color: #ffcc00;
}
/*search end*/
/* 通用区域标题 */
.name h2{
	font-size: 46px;
	color: #333333;
	margin-top: -42px;
	position: relative;
	margin-bottom: 15px;
	font-weight: 400;
}
.name h2 span{
	font-size: 46px;
	color: #0666cc;
	font-weight: 600;
}
.name div{
	color: #77777e;opacity: 0.2;
	text-transform: uppercase;
	font-size: 50px;
	font-family: fantasy;
}
.name p{
	color: #77777e;
}
.imgbox{
	overflow: hidden;
}
.imgbox img{
	max-width: 100%;
	transition: 0.3s;
	display: block;
}
.imgbox:hover img{
	transform: scale(1.1);
}

/*grid*/
.adv1{
	padding: 50px 0 50px;
}
.adv1 .grid{
	margin-top: 5%;
}
.adv1 .grid ul{
	display: flex;
	justify-content: space-between;
}
.adv1 .grid ul li{
	width: 240px;
}
.grid ul li{
	background-color: #f0f0f0;
	padding: 20px 15px;
}
.grid ul li p{
	font-size: 28px;
    font-weight: 700;
}
.grid ul li b{
	font-size: 45px;
}
.grid ul li  span{
	font-size: 16px;
	color: #77777e;
}
.grid ul li img{
	width: 100%;
	height: 155px;
}
.grid ul li .imgbox{
	margin-top: 10px;
}
/*gridend*/

/* advs */
.advs{
	background-image: url(../images/advsbg.jpg);
	background-repeat: repeat-y;
	background-size: auto;
	padding: 2% 0;
}
.advs .ts{
	margin: 40px auto;
}
.advs .ts .pages{
	position: relative;
    width: 140px;
    margin: auto;
    margin-left: 50%;
    margin-top: -4%;
    height: 61px;
    background: #fff;
}
.prolist{
	padding: 0;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}
.prolist .fl{
	width: 50%;
}
.prolist .proimg img{
	width: 100%;
	height: 685px;
	display: block;
	object-fit: cover;
}
.proname .num::before{
	content: "";
	display: block;
	width: 90px;
	height: 130px;
	background-image: url(../images/numline.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.proname .num{
	font-size: 95px;
	color: #c6c6c6;
	font-weight: bolder;
	float: left;
	width: 120px;
}
.infobox{
	width: 80%;
	float: right;
	min-width: 750px;
	padding-top: 20px;
}
.protit{
	width: 520px;
	float: left;
	padding-left: 15px;
}
.protit h2{
	color: #3067cb;
	font-size: 34px;
	text-indent: 1.5em;
	line-height: 3;
}
.protit p{
	color: #77777e;
	padding-bottom: 5%;
	height: 85px;
	font-size: 16px;
    line-height: 29px;
	border-bottom: 3px solid #d9d9d9;
}
.protit .others{
	height: 70px;
	padding: 5% 0;
}
.protit .others a{
	font-size: 19px;
	color: #67676d;
	display: inline-block;
	width: 34%;
	line-height: 40px;
	font-weight: 600;
	transition: 0.3s;
}
.protit .others a::before{
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-right: 10px;
	border-radius: 50%;
	border: 2px solid #67676d;
}
.protit .others a:hover{
	color: #3067cb;
}
.protit .others a:hover::before{
	border: 2px solid #3067cb;
}
.protit .otherimg{
	width: 830px;
	margin-top: 10%;
	position: relative;
}
.defaultinfos{
	margin-top: 20px;
}
.protit .otherimg ul{
	background-color: #fff;
	padding: 10px;
	display: flex;
    justify-content: space-around;
}
.protit .otherimg ul li{
	float: left;
	width: 33.33%;
    margin-right: 10px;
}
.protit .otherimg ul li:last-child{
	margin-right: 0;
}
.protit .otherimg ul li img{
	width: 100%;
	height: 203px;
	object-fit: cover;
}
/*even*/
.advs .ts .even .protit  h2 a{
	display: inline-block;
	color: #77777e;
	border-radius: 8px;
	padding: 6px 15px;
	transition: 0.3s;
	border:1px solid #77777e;
	line-height: 1;
    text-indent: 0;
    margin-left: 40%;
}
.advs .ts .even .protit  h2 a:hover{
	border: 1px solid #3067cb;
	background-color: #3067cb;
	color: #fff;
}
.advs .ts .even .infobox{
	float: left;
	padding-left: 5%;
}
.advs .ts .even .protit p{
	width: 91%;
}
.advs .ts .even .protit .otherimg{
	margin-top: 7%;
	margin-left: -57%;
}
.advs .ts .pages>div{
	color: #000;
	zoom: 0.4;
    font-weight: bold;
}
.advs .ts .pages>div:first-child{    right: 16%;}
.advs .ts .pages>div:last-child{    left: 16%;}
.even .protit .others a{
	width: 32%;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* advsend */
/* hotpro */
.hotpro{
	padding: 2% 0;
	height: 390px;
}
.hotpro .hothead{
	padding: 0 5%;
    margin: auto;
}
.hotpro .hothead .nametit{
	border-left: 5px  solid #0159a0;
	padding-left: 10px;
	margin-bottom: 25px;
}
.hotpro .hothead .nametit h3{
	color: #333333;
	font-size: 36px;
}
.hotpro .hothead .nametit p{
	color: #77777e;
	font-size: 16px;
	text-transform: uppercase;
}
.hotpro .hothead .pronav a{
	font-size: 16px;
	color: #77777e;
	display: inline-block;
	margin: 0 5px;
	line-height: 4;
	transition: 0.3s;
}
.hotpro .hothead .pronav a:hover{
	color: #0159a0;
}
.hotpro .hothead .pronav .mores{
	color: #0159a0;
}
.hotpro .hotprolist .swiper-container{
	overflow: hidden;
    margin: 0 5%;
}
.hotpro .hotprolist .swiper-container .boxhide{
	overflow: hidden;
	width: 100%;
}


.hotpro .hotprolist .boximg img{
	height: 250px;
	width: 100%;
	object-fit: cover;
}
.hotpro .hotprolist .boximg .imgbox::after{
	content: "";
	display: block;
	width: 100%;
	height: 10px;
	background-color: transparent;	
	transition: 0.3s;
	margin-top: -10px;
    position: relative;
}
.hotpro .hotprolist .boximg:hover .imgbox::after{
	background-color: #ffcc00;
}
.hotpro .hotprolist .boximg a p{
	font-size: 16px;
	line-height: 55px;
}
.hotpro .hotprolist .nav{
	width: 100%;
	position: relative;
	margin-top: -13%;
}
.hotpro .hotprolist .nav>div{
	color: #000;
	font-weight: bolder;
}
/* hotproend */
/* mainyxstar */
.mainyx{
	background-color: #f6f6f6;
	padding: 2% 0;
	overflow-x: hidden;
}

.youlist{
	width: 1200px;	
	margin: 2%  auto;	
}
.youlist .imgbox img{
	width: 100%;
	height: 460px;
	background-repeat: no-repeat;
    background-size: cover;
}
.youlist .xs-tit{
	position: absolute;
    width: 260px;
    height: 375px;
    padding: 3% 5%;
    background-color: #fff;
    top: 18%;
    left: 11%;
}
.youlist .xs-tit::before{
	content: "";
	width: 85px;
	height: 2px;
	background-color: #ffff00;
	display: block;
	margin-left: -28%;
    position: absolute;
    top: 13%;
}
.youlist .xs-tit .title{
	font-size: 34px;
	color: #0159a0;
	margin-bottom: 6%;
	font-weight: bolder;
}
.youlist .xs-tit p{
	font-size: 16px;
	color: #67676d;
	line-height: 35px;
	height: 230px;
}
.youlist .xs-tit .nums{
	font-size: 24px;
}
.youlist .xs-tit .nums span{
	color: #0159a0;
	font-weight: bolder;
	font-size: 32px;
}
#xs-swiper{
	overflow: visible;
}
#xs-swiper .pages{
	width: 50px;
    height: 50px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 50%;
    padding: 14px;
	zoom: 0.8;
	margin: -20px 30px;
	background: transparent;
}
/* server */
.serverall{
	padding: 2% 0;
}
.allbox ul{
	margin-top: 35px;
}
.allbox ul li{
	float: left;
    margin-top: 30px;
    position: relative;
    padding: 23px 48px 0;
    text-align: center;
    width: 65px;
    margin: auto;
	padding-right: 96px;
	background-image: url(../images/seright.png);
	background-position: 90% 70px;
	background-repeat: no-repeat;
}
.allbox ul li:last-child{
	background: unset;
	padding-right: 0;
}
.allbox ul li img{
	position: absolute;
    z-index: -1;
    top: 0;
	left: 0;
	display: block;
	border-radius: 50%;
	transition: 0.3s;
	border: 5px solid transparent;
}
.allbox ul li:nth-child(1) img{transform: rotate(0deg);}
.allbox ul li:nth-child(2) img{transform: rotate(60deg);}
.allbox ul li:nth-child(3) img{transform: rotate(120deg);}
.allbox ul li:nth-child(4) img{transform: rotate(180deg);}
.allbox ul li:nth-child(5) img{transform: rotate(240deg);}
.allbox ul li:nth-child(6) img{transform: rotate(300deg);}
.allbox ul li span{
	font-size: 50px;
	color: #0666cc;
}
.allbox ul li p{
	color: #67676d;
	font-size: 16px;
}
.allbox ul li:hover img{
	/* transform: rotate(720deg); */
	/* border: 5px solid #0666cc;
	filter: drop-shadow(2px 4px 6px #4986c7); */
	filter: drop-shadow(2px 4px 6px #0666cc);
}
.o_dz .allbox ul li:hover img{
	filter: drop-shadow(2px 4px 6px #ffcc00);
}
/*case*/
.case{
	background-image: url(../images/casebg.jpg);
	background-repeat: no-repeat;
	background-size: auto;
	padding-top: 15px;
	margin-top: 55px;
	padding-bottom: 55px;
}
.case .name div{
	opacity: 0.4;
}
.case .name h2{
	color: #ccc;
	font-weight: 500;
}
.case .name span{
	color: #ffcc00;
}
.case .name p{
    color: #dedede;
}
.casegird{
	margin-top: 40px;
	background-color: #ececec;
}
.casegird .caselist{
	width: 220px;
	padding: 20px 0;
}

.casegird .caselist li{
	line-height: 46px;
	text-align: center;
}
.casegird .caselist li a{
	display: block;
	font-size: 16px;
	transition: 0.3s;
	color: #67676d;
}
.casegird .caselist li.on a{
	color: #fff;
	background-color: #ffcc00;
}
.casegird .caselist li:hover a{
	color: #fff;
	background-color: #ffcc00;
}
.case .picinfo{
	width: 980px;
	position: relative;
}
.case .picinfo .imgbox{
	width: 600px;
}
.case .picinfo .imgbox img{
	height: 453px;
    object-fit: cover;
}

.case .picinfo .box1{
	overflow: hidden;
}
.case .picinfo>div{
	/* display: none; */
	position: absolute;
	width: 100%;
}
.case .picinfo>div:first-child{
	display: block;
}

.case .picinfo .clearfixinfo{
	background-color: #ececec;
	width: 310px;
    background-color: #ececec;
    padding: 3% 3% 2% 4%;
}
.case .picinfo .clearfixinfo h3{
	font-size: 20px;
	color: #333333;
	line-height: 30px;
	margin-bottom: 15px;
}
.case .picinfo .clearfixinfo .more{
	display: inline-block;
	border:1px solid #757373;
	border-radius: 15px;
	transition: 0.3s;
	font-size: 16px;
	padding: 5px 15px;
	margin-top: 20px;
}
.case .picinfo .clearfixinfo p{
	color: #67676d;
	line-height: 28px;
}
.case .picinfo .clearfixinfo .more:hover{
	color: #ffcc00;
	border-color: #ffcc00;
}
/*telban*/
.telban{
	background-image: url(../images/shanbg.jpg);
	background-repeat: no-repeat;
	background-size: auto;
	padding: 43px 0;
	color: #fff;
}
.telban .left{
	width: 682px;
	text-align: center;	
	position: relative;
}
.telban .left::before{
	content: "";
	display: block;
	width: 168px;
	height: 168px;
	background-image: url(../images/shan.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 40%;
	background-position: 54% 27%;
	animation: shans 30s linear infinite;
}

@keyframes shans {
	0% {	
	  transform: rotate(0deg);
	}
	100% {
		transform: rotate(720deg);
	}
}
.telban .left>p{
	font-size: 20px;
}
.telban .slogan{
	font-size: 26px;
	font-weight: bolder;
	margin-bottom: 15px;
}
.telban .slogan b{
	font-size: 48px;
}
.telban .right{
	width: 500px;	
	text-align: center;	
}
.telban .right a{
	color: #fff;
	display: block;
	font-size: 26px;
	font-weight: bolder;
	margin-top: 23px;
	transition: 0.3s;
}
.telban .right a span{
	font-weight: 500;
	font-size: 30px;
	vertical-align: middle;
}
.telban .right .mas{
	background-color: #ffcc00;
	display: inline-block;
    padding: 2px 9%;
    border-radius: 25px;
    
	color: #fff;
	font-weight: 500;
    font-size: 20px;
    border: 3px solid #ffcc00;
}
.telban .right .mas:hover{
	background-color: transparent;
	color: #ffcc00;
}
.telban .right a:hover b{
	color: #ffcc00;
}

/* indexmesage */
.indexmesage{
	background-image: url(../images/msgbg.jpg);
	background-repeat: no-repeat;
	background-size: auto;
	padding: 35px 0 25px;
	color: #fff;
}
.weblogo .slogan{
	padding: 0 37px;
	font-family: fantasy;
	position: relative;
	width: 370px;
	margin-right: 60px;
	margin-bottom: 13px;
}
.weblogo .slogan::before{
	content: " “ ";
	display: inline-block;
	font-size: 30px;
	color: #fff;
	position: absolute;
	left: 0;
	font-family: fangsong;
}
.weblogo .slogan::after{
	content: " ” ";
	display: inline-block;
	font-size: 30px;
	color: #fff;
	position: absolute;
	right: 0;
	top: 40px;
	font-family: fangsong;
}
.weblogo a{
	border: 1px solid #fff;
	border-radius: 20px;
	color: #fff;
	font-size: 14px;
	padding: 12px 10px 12px 25px;
	margin-left: 7%;
}
.weblogo a span{
	color: #ffcc00;
	font-size: 31px;
	vertical-align: sub;
	display: inline-block;
	margin-right: 10px;
}
.weblogo a b{
	font-size: 20px;
	transition: 0.3s;
}
.weblogo a:hover b{
	color: #ffcc00;
}
.weblogo h4{
	font-size: 30px;
	color: #fff;
	font-weight: bolder;
}
.weblogo p{
	font-size: 20px;
	text-align: right;
	line-height: 2.7;
}
/*abouts*/
.companys{
	background-image: url(../images/company.jpg);
	background-repeat: no-repeat;
	background-size: 45%;
	background-position: left bottom;
}
.companys .cominfo{
	width: 100%;
	overflow: hidden;
	padding-bottom: 10px;
}
.companys .imgbox{
	width: 500px;
	margin-left: 40px;
	margin-right: 55px;
	height: 520px;
}
.companys .imgbox img{
	height: 100%;
	display: block;
	object-fit: cover;
}
.companys .comcons{
	width: 600px;
}
.companys .comcons>p{
	font-size: 90px;
	height: 176px;
	color: rgba(119,119,129,0.3);
	font-weight: bolder;
}
.companys .comcons>p::after{
	content: "";
	height: 3px;
	width: 30px;
	display: block;
	margin: 30px 0;
	background-color: #0666cc;
}
.companys .comcons>h2{
	color: #333;
	font-size: 32px;
	margin-bottom: 20px;
}
.companys .comcons .aboutbox{
	font-size: 16px;
	color: #67676d;
	line-height: 30px;
	margin-bottom: 15px;
}
.companys .comcons .consmore{
	background-color: #0666cc;
	display: inline-block;
	padding:9px 9%;
	border-radius: 25px;
	transition: 0.3s;
	color: #fff;
	font-size: 16px;
	margin-bottom: 20px;
	border: 3px solid #0666cc;
}
.companys .comcons .consmore:hover{
	background-color: #fff;
	color: #0666cc;
}
.companys .comcons ul{
	overflow: hidden;
}
.companys .comcons ul li{
	width: 150px;
	float: left;
	background-color: rgba(208,208,208,1);
}
.companys .comcons ul li:nth-child(1){background-color: rgba(208,208,208,0.2);}
.companys .comcons ul li:nth-child(2){background-color: rgba(208,208,208,0.6);}
.companys .comcons ul li:nth-child(3){background-color: rgba(208,208,208,1);}
.companys .comcons ul li a{
	font-size: 16px;
	color: #000;
	display: inline-block;
	width: 100%;
	line-height: 65px;
	text-align: center;
	transition: 0.3s;
}
.companys .comcons ul li:hover a{
	color: #0666cc;
}
.companys .comcons ul li span{
	font-size: 32px;
    vertical-align: middle;
}
.companys .comcons svg text{
	font-family: Lora;	
	font-size: 90px;
	fill: rgba(234,234,235,1);
	font-weight: bolder;
	stroke-width: 3;
	transition: 0.5s;
}
.companys .comcons:hover p svg text{	
	animation: textAnimate 5s infinite alternate;
}
@keyframes textAnimate {
	0% {
		stroke: rgba(119,119,129,0.3);
	  stroke-dasharray: 0 50%;
	  stroke-dashoffset:  20%;
	  fill:hsl(240, 3%, 49%)
	  
	}
	100% {
		stroke: rgba(119,119,129,0.8);
	  stroke-dasharray: 50% 0;
	  stroke-dashoffstet: -20%;
	  fill: hsla(189, 68%, 75%,0%)
	}
}
/*abouts  end*/
/* news */
.news{
	padding-top: 40px;
}
.news .newsone{
	margin: 50px auto;
	background-color: #f4f4f4;
}
.news .newsone .imgbox{
	width: 540px;
}
.news .newsone .imgbox img{
	width: 100%;
	object-fit: cover;
}
.news .newsone .rowinfo{
	width: 540px;
    padding: 5% 4% 1% 6%;
}
.news .newsone .rowinfo h3,.newslist li h3{
	color: #333333;
	font-size: 22px;
	transition: 0.3s;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news .newsone .rowinfo .cons,.newslist li .cons{
	color: #67676d;
	line-height: 35px;
	margin: 20px 0;
}
.news .newsone .rowinfo span,.newslist li span{
	color: #67676d;
}
.news .newsone:hover h3,.newslist li:hover h3{
	color: #0666cc;
}
.newslist{
	display: flex;
	justify-content: space-between;
}
.newslist li{
	display: inline-block;
	width: 290px;
	background-color: #f4f4f4;
	padding:3% 4%;
	position: relative;
	transition: all 0.5s;
}
.newslist li h3{
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.newslist li .cons{
	line-height: 30px;
}
.newslist li:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 4px;
    background: #0666cc;
    left: 0;
    bottom: 0px;
    transition: all 0.5s;
    right: 0;
    transition: transform 0.5s;
    margin: auto;
    transform-origin: right center;
	transform: scaleX(0);
}
.newslist li:hover:after{
	transform-origin: left center; transform: scaleX(1);
}
.newslist li:hover{
	-webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0 0 20px rgba(6, 102, 204, 0.5);
    -moz-box-shadow: 0 0 20px rgba(6, 102, 204, 0.5);
	box-shadow: 0 0 20px rgba(6, 102, 204, 0.5); 
}
/* newsend */
/*linksall*/
.linksall{
	margin-top: 30px;
}
.linksall  .wrap{
	padding: 1.2% 0;
	margin-top: -5px;
}
.linksall  .wrap .font{
	font-size: 37px;    
    font-weight: 800;
	vertical-align: sub;
	text-shadow: 5px 5px 5px #ccc;
}
/* linkall */
.from{
	font-size: 20px;
}
.from input{
	font-size: 16px;
	line-height: 46px;
	padding: 0 15px;
	border-radius: 5px;
	background-color: #fff;
	border: none;
	outline: none;
	margin-right: 20px;
    display: inline-block;
    margin-bottom: 15px;
    width: 270px;
}
.from p{
	margin-bottom: 15px;
}
.indexmesage  ::-webkit-input-placeholder,.de-message  ::-webkit-input-placeholder{
	color:#333;
}
.from .code input{
	width: 170px;
	margin: 0;
}
.from .code img{
	height: 46px;
    vertical-align: middle;
}
@-webkit-keyframes goline {
	0% {background-position: 48% 86%;}
	50% {background-position: 148% 86%;}
	51%{background-position: 0% 186%;}
	52%{background-position: 0% 86%;}
	100%{background-position: 48% 86%;}
}
@keyframes goline{
	0% {background-position: -18% 86%;}
	100% {background-position: 148% 86%;}
	/* 51%{background-position: 0% 186%;}
	52%{background-position: 0% 86%;}
	100%{background-position: 48% 86%;} */
}
.from .subtn a{
	color: #fff;
	width: 168px;
	background-color: #ffcc00;
	margin: 0;
	cursor: pointer;
	background-image: url(../images/sub.png);
	background-position: 48% 86%;
	background-repeat: no-repeat;
	transition: 0.3s;
	display: inline-block;
	font-size: 16px;
    line-height: 46px;
    padding: 0 15px;
    border-radius: 5px;
    text-align: center;
}
.from .subtn a:hover{
	animation:goline 2s ease  infinite;
}
.verify{
	display: inline-block;
    width: 192px;
    vertical-align: middle;
    margin: 0;
    padding-left: 25px;
}
.from .conname{
	background-image: url(../images/icon1.png);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: 95% center;
}
.from .tels{
	background-image: url(../images/icon2.png);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: 95% center;
}
.from .captcha{
	background-image: url(../images/icon3.png);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: 95% center;
}

/* footer */
footer{
	background-image: url(../images/footbg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 65px 0 5px;
	color: #fff;
	font-size: 16px;
}
footer a{ color: rgba(255,255,255,1); transition: 0.3s; position: relative;font-size: 16px;}
footer a:hover{ color: #fff;}
footer a:after{z-index:1;content: ''; position: absolute; left: 0; bottom: 0; display: block; height:5px; background-color: rgba(255, 255, 255, .3);width:100%; -webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; -webkit-transform: scaleX(0); transform: scaleX(0);-webkit-transform-origin: right center;transform-origin: right center;}
footer a:hover::after{ -webkit-transform-origin: left center;transform-origin: left center;  -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);}
footer .footnav{
	width: 285px;border-right: 1px solid rgba(255, 255, 255, .3);
	padding-left: 15px;
}
.footnav li{
	font-size: 16px;
	width: 120px;
	display: inline-block;
}
.footnav a{	
	line-height: 36px;
	display: inline-block;
}
.linkman{
	padding-left: 50px;
	padding-right: 30px;
	border-right: 1px solid rgba(255, 255, 255, .3);
	max-width: 560px;
}
.linkman li{
	font-size: 16px;
	line-height: 36px;
}
.footcode{
	padding-left: 50px;
}
.footcode .code{
	padding: 0 15px;
	text-align: center;
}
.copy{
	border-top: 1px solid rgba(255, 255, 255, .3);
	margin-top: 50px;
	padding: 20px 0;
	text-align: center;
}


/* goodspage */
.pageone{
	background-color: #ececec;
}
.pageone .crumb{
	padding: 1% 0;
	font-size: 14px;
	color: #77777e;
}
.pageone .crumb span{
	font-size: 22px;
    font-weight: bolder;
    color: #000;
    vertical-align: middle;
}
.pageone .crumb a{
	color: #77777e;
	transition: 0.3s;
}
.pageone .crumb a:hover{
	color: #0666cc;
}

.pageone .navgo{
	width: 285px;
	background-color: #fff;
}
.pageone .navgo .navbox{
	width: 95%;
	margin:30px auto;
}
.pageone .navgo .navbox h3{
	background-color: #0666cc;
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	padding: 5% 0;
	color: #fff;
	margin-bottom:3px;
}
.pageone .navgo .navbox ul li a{
	display: block;
	background-color: #ececeb;
	font-size: 16px;
	color: #666;
	text-indent: 2em;
	line-height: 50px;
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: 0.3s;
}
.pageone .navgo .navbox ul li a span{
	font-size: 20px;
	float: right;
	margin-right: 15px;
}
.pageone .navgo .navbox ul li:hover a{
	color: #ffcc00;
}
.pageone .navgo .navbox h4{
	background-color: #0666cc;
	font-size: 16px;
	font-weight: 500;
	text-indent: 2em;
	padding: 5% 0;
	color: #fff;
	margin-bottom:3px;
}
.pageone .navgo .navbox h4 span{
	display: inline-block;
    margin-left: 20%;
}
.pageone .navgo .navbox .contact-box{
	font-size: 20px;
	line-height: 35px;
	color: #fff;
	background-color: #0666cc;
}
.pageone .navgo .navbox .contact-box h5{
	font-size: 20px;
	font-weight: 400;
	padding-top: 15px;
}
.pageone .navgo .navbox .contact-box p{
	font-size: 14px;
	line-height: 2;
}
.pageone .navgo .navbox .contact-box .gocont{
	display: inline-block;
    padding: 4px 17%;
    border: 1px solid #fff;
    font-size: 18px;
    border-radius: 20px;
    margin-bottom: 30px;
	margin-top: 10px;
	transition: 0.3s;
}
.pageone .navgo .navbox .contact-box .gocont:hover{
	background-color: #fff;
	color: #0666cc;
}
.pageone .navgo .navbox .contact-box  a{
	color: #fff;
}
.pageone .navgo .navbox .contact-box .tel{
	font-size: 28px;
}


.gildgo{
	width: 847px;
    margin-bottom: 5%;
    padding-bottom: 2%;
    background-color: #fff;
    padding: 2.6% 2% 4%;
}
.gildgo .navbox{
	width: 95%;
	margin:0 auto;
	margin-top: 30px;
}
.gildgo .navbox ul li{
	width: 32.1%;    
	margin-right: 10px;
	margin-bottom: 20px;
	display: inline-block;
}
.gildgo .navbox ul li:nth-child(3n){
	margin-right: 0px;
}


.gildgo .navbox ul li a{
	display: block;
}
.gildgo .navbox ul li a h5{
	color: #333;
	font-size: 17px;
	line-height: 2.8;
	text-align: center;
	border: 1px solid #ccc;
	transition: 0.3s;
}
.gildgo .navbox ul li:hover h5{
	color: #fff;
	background-color: #ffcc00;
}
.gildgo .navbox ul li img{
	width: 100%;
	height: 280px;
	object-fit: cover;
}
/*prodectinfo*/
.prodectinfo .win4{
	width: 428px;
}
.prodectinfo .win4 img{
	width: 100%;
	height: 305px;
	object-fit: cover;
}
.prodectinfo .win6{
	width: 385px;
	padding-right: 10px;
}
#nums{
	text-align: right;
    margin-top: -25px;
    position: relative;
    z-index: 9;
    color: #FFF;
    margin-bottom: 30px;
    margin-right: 5px;
    filter: drop-shadow(0px 4px 4px black);
}
.prodectinfo .win6 h3{
	font-size: 24px;
	color: #333333;
	padding-bottom: 10px;
}
.prodectinfo .win6 ul{
	border-top:2px solid  #dcdcdc;
	border-bottom:2px solid #dcdcdc;
	padding: 15px 0;
	font-size: 16px;
	margin-bottom: 10px;
}
.prodectinfo .win6 ul li{
	font-size: 16px;
	line-height: 30px;
	color: #666;
}
.prodectinfo .win6 ul li b{
	color: #000;
}
.prodectinfo .win6 ul li:nth-child(-n+6){
	width: 48%;
	display: inline-block;
}
.protel span{
	font-size: 43px;
	color: #0666cc;
	display: inline-block;
	margin-right: 15px;
}
.protel{
	font-size: 16px;
	color: #666;
}
.protel a{
	font-size: 16px;
}
.protel .ask{
    display: inline-block;
    padding: 8px 25px;
    background-color: #0666cc;
    color: #fff;
    border-radius: 20px;
    font-size: 17px;
    transition: 0.3s;
	margin-top: 4px;
	border: 2px solid #0666cc;
	transition: 0.3s;
}
.protel .ask:hover{
	color: #ffcc00;
	border-color: #ffcc00;
	background-color: #fff;
}
.prodectinfo .name h2{
	color: #666;
	font-size: 32px;
}
.prodectinfo .name h2 span{
	font-size: 32px;
}
/*goodinfos*/
.goodinfos .card{
	display: flex;
	justify-content: space-around;
}
.goodinfos .card>div{
	margin-right: 10px;
	width: 50%;
}

.goodinfos .card>div:last-child{
	margin-right: 0;
}

.goodinfos .card>div img{
	width: 100%;
	height: 350px;
	object-fit: cover;
}
.goodinfos .pinzhi{
	margin-top: 5%;
}
.goodinfos .pinzhi ul{
	padding: 5%;
	margin-top: 15px;
	background-color: #e3ebf6;
	justify-content: space-around;
}
.goodinfos .pinzhi ul li{
	text-align: center;
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
	padding-bottom: 17px;
	width: 340px;
}
.goodinfos .pinzhi ul li .text{
	font-weight: bolder;
    font-size: 32px;
    width: 88px;
    height: 88px;
    text-align: center;
    line-height: 88px;
    border-radius: 50%;
    box-shadow: 0 0 5px #ccc;
    border: 9px solid #fff;
    background-color: #0666cc;
    position: relative;
    margin: auto;
    margin-top: -50px;
    color: #fff;
}
.goodinfos .pinzhi ul li .imgbox img{
	height: 280px;
	object-fit: cover;
}
.goodinfos .pinzhi ul li .ts>p{
	font-size: 30px;
	color: #666;
	line-height: 2;
}
.goodinfos .pinzhi ul li .ts>span{
	color: #c1c1c1;
	font-size: 12px;
	display: block;
	margin-bottom: 5px;
}
.goodinfos .pinzhi ul li .btninfo{
	font-size: 18px;
	color: #666;
	line-height: 35px;
}
.goodinfos .pinzhi>p{
	background-color: #e3ebf6;
	padding: 0 5% 15px;
	line-height: 35px;
	margin-bottom: 4%;
}
.condafault .sercers{
	background-color: #f2f2f2;
	padding: 15px 0;
	margin: 27px auto;
	justify-content: space-between;
}
.condafault .sercers .imgbox{
	background-color: #0666cc;
	padding: 5% 4% 4%;
	color: #fff;
	text-align: center;
}
.condafault .sercers .imgbox span{
	display: inline-block;
	width: 60px;
	height: 60px;
	margin: auto;
	text-align: center;
	line-height: 60px;
	font-size: 28px;
	color: #0666cc;
	background-color: #e4e4e4;
	border-radius: 50%;
	transition: 0.3s;
}
.condafault .sercers .imgbox>p{
	text-transform: uppercase;	
	margin: 25% 0;
	font-size: 12px;
}
.condafault .sercers .imgbox:hover span{
	transform: rotate(360deg);
}
.condafault .sercers .imgbox .con{
	font-size: 16px;
	height: 42px;
}
.condafault .sercers .imgbox .nums{
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 22px;
	font-size: 14px;
	margin: auto;
	margin-top: 8px;
	color: #ffcc00;
	border-radius: 50%;
	background-color: #ffffff;
}
.condafault .procase{
	margin-top: 15px;
}
.condafault .procase li{
	width: 49%;
	float: left;
	margin-right: 15px;
	color: #fff;
	background-color: #0666cc;
	margin-bottom: 20px;
}
.condafault .procase li:nth-child(2n){
	margin-right: 0;
}
.condafault .procase li img{
	width: 100%;
	height: 208px;
	object-fit: cover;
}
.condafault .procase li .cons{
	padding: 15px 10px;
}
.condafault .procase li .cons h5{
	font-size: 16px;
	line-height: 2.3;
}
.condafault .procase li .cons p{
	font-size: 14px;
	line-height: 30px;
	height: 120px;
}
.condafault .imgs li{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.condafault .imgs li img{
	width: 100%;
	height: 280px;
	object-fit: cover;
}
.condafault .imgs li:nth-child(2n){
	margin-right: 0;
}
.condafault .imgs li:nth-child(1){
	width: 60%;
}
.condafault .imgs li:nth-child(2){
	width: 38%;
}
.condafault .imgs li:nth-child(3){
	width: 38%;
}
.condafault .imgs li:nth-child(4){
	width: 60%;
}
/*newlist*/
.newlist li{
	padding: 20px;
	background-color: #f4f4f4;
	overflow: hidden;
	margin-bottom: 20px;
}
.newlist li:first-child{
	border: 1px dashed #d6d6d6;
}
.newlist li.one .fl:last-child{
	width: 88%;
	padding-left: 2.5%;
}
.newlist li h2{
	color: #333333;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 13px;
}
.newlist li .hot{
	display: inline-block;
	background-color: #0666cc;
	color: #fff;
	border-radius: 15px;
	padding:6px 20px;
	font-size: 16px;
	position: relative;
    z-index: 1;
	transition: 0.5s;
	margin-top: 48%;
}
.newlist li:hover .hot{background-color:#e5000a;}
.newlist li .hot:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0px;
    width: 100%;
    height: 33px;
    transition: all 0.5s;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    z-index: -1;
    background-color: #e5000a;
    border-radius: 18px;
}
.newlist li:hover .hot:before{
	-webkit-transform-origin: left center;
	transform-origin: left center; 
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1); 
	-ms-transform: scaleX(1); 
	-o-transform: scaleX(1); 
	transform: scaleX(1); 
}
.newlist li .time{
	display: block;
	font-size: 16px;
	color: #666;
	line-height: 2;
	margin-bottom: 6px;
}
.newlist li.one .time{
	border-bottom: 1px dashed #ccc;
	margin-bottom: 8px;
}
.newlist li.one .more{
	color: #0666cc;
	font-size: 14px;
	display: inline-block;
	margin-right: 5%;
	margin-top: 2%;
	transition: 0.326s;
}
.newlist li.one .more:hover{
	color: #e5000a;
}
.newlist li .imgbox img{
	width: 280px;
	height: 200px;
	object-fit: cover;
}
.newlist li .fl:last-child{
	width: 57%;
    padding-left: 5%;
}
.newlist li .fl:last-child p{
	font-size: 16px;
	color: #666;
	line-height: 35px;
}
.newlist li .fl:last-child .mores{
	height: 33px;
	width: 100px;
	display: inline-block;
	text-align: center;
	line-height: 35px;
	position: relative;
    z-index: 1;
	transition: 0.5s;
	color: #fff;
	background-color: #0666cc;
	border-radius: 18px;
}
.newlist li .fl:last-child .mores:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0px;
    width: 100%;
    height: 33px;
    transition: all 0.5s;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    z-index: -1;
    background-color: #ffcc00;
    border-radius: 18px;
}
.newlist li .fl:last-child:hover .mores{background-color:#ffcc00;color: #0666cc;}
.newlist li .fl:last-child:hover .mores:before{
	-webkit-transform-origin: left center;
	transform-origin: left center; 
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1); 
	-ms-transform: scaleX(1); 
	-o-transform: scaleX(1); 
	transform: scaleX(1); 
}
.pageone .navgo .navbox .newsother li{
	/* margin-bottom: 15px; */
}
.pageone .navgo .navbox .newsother a{ 
	text-indent: unset;
	margin-bottom: 0;
}
.newsother p{
	padding: 0 5%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pageone .navgo .navbox .newsother a img{
	width: 100%;
	height: 198px;
	object-fit: cover;
}
.pageone .newdefault{
	width: 847px;
    margin-bottom: 5%;
    padding-bottom: 2%;
    background-color: #fff;
	padding: 5% 2%;
}
.pageone .newdefault h2{
	font-size: 28px;
	font-weight: 500;
	color: #333333;
	margin-bottom: 15px;
}
.pageone .newdefault .time{
	color: #969696;
    font-size: 14px;
    line-height: 3;
    border-bottom: 1px solid #d8d8d8;
}
.pageone .newdefault .cons{
	padding: 5% 0;
}
.pageone .newdefault .page{
	overflow: hidden;
	border-top: 1px solid #ccc;
}
.pageone .newdefault .page li{
	margin-top: 5px;
    float: left;
    width: calc(40% - 4px);
    font-size: 16px;
    
    padding: 1% 5%;
    transition: 0.3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pageone .newdefault .page li:first-child{
	border-right: 1px solid #ccc;
}
.pageone .newdefault .page li:first-child span{
	float: left;
	font-size: 20px;
    font-weight: bolder;
	font-family: cursive;
	margin-right: 5px;
}
.pageone .newdefault .page li:last-child span{
	float: right;
	font-size: 20px;
    font-weight: bolder;
	font-family: cursive;
	margin-left: 5px;
}
.pageone .newdefault .page li .page-a{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pageone .newdefault .page li .page-a a{
	width: 100%;
	transition: 0.3s;
	font-size: 16px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pageone .newdefault .page li:hover a{
	color: #0666cc;
}
.pageone .newdefault .page li:hover span{
	color: #0666cc;
}
.pageone .btnother{
	margin-top: 30px;
	padding-bottom: 4%;
}
.pageone .btnother h5{
	font-size: 24px;
	color: #0666cc;
	font-weight: 500;
}
.pageone .btnother h5::after{
	content: "";
	display: block;
	width: 95px;
	height: 1px;
	margin-top: 2%;
	background-color: #0666cc;
}
.pageone .btnother ul{
	background-color: #fff;
	padding: 30px 45px;
	overflow: hidden;
	
}
.pageone .btnother ul a{
	font-size: 16px;
	transition: 0.3s;
}
.pageone .btnother ul li{
	line-height: 35px;
	float: left;
	width: 49%;
}
.pageone .btnother ul li:nth-child(2n-1){
	border-right: 1px solid #ccc;
	width: 47%;
    margin-right: 3%;
}

.pageone .btnother ul li span:first-child{
	display: inline-block;
	width: 5px;
	height: 5px;
	border: 2px solid #0666cc;
	border-radius: 50%;
	margin-right: 15px;
}
.pageone .btnother ul li span:last-child{
	float: right;
	margin-right: 5%;
}
.pageone .btnother ul li:hover a{
	color: #0666cc;
}
/*caselist*/
.caselist li h2{
	color: #000;
	font-weight: bold;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
.pageone .caselist li {
	box-shadow: 0 5px 5px #ccc ;
}
/*articleinfo*/
.pageone .articleinfo .object_info{
	background-color: #f5f5f5;
	padding: 30px 20px 20px;
	margin: 25px auto;
}
.pageone .articleinfo .object_info ul{
	overflow: hidden;
	padding: 11px 0;

}
.pageone .articleinfo .object_info li{
	float: left;
	width: 33.33%;
	height: 55px;
	color: #666;
}
.pageone .articleinfo .object_info li:nth-child(-n+3){
	margin-bottom: 40px;
}
.pageone .articleinfo .object_info li span{
	display: inline-block;
	border: 1px solid #666;
	color: #666;
	width: 57px;
	height: 57px;
	font-size: 40px;
	line-height: 57px;
	text-align: center;
	margin-right: 20px;
	margin-top: -8px;
	transition: 0.5s;
}
.pageone .articleinfo .object_info li h6{
	font-size: 16px;
}
.pageone .articleinfo .object_info li p{
	font-size: 16px;
}
.pageone .articleinfo .object_info li:hover span{
	border-radius: 50%;
	border-width: 3px;
	border-color: #0666cc;
	color: #0666cc;
}
.pageone .articleinfo .object_info .ask{
	overflow: hidden;
	display: flex;
	margin-top: 15px;
	justify-content: center;
}
.pageone .articleinfo .object_info .ask a{
	color: #0666cc;
	padding: 8px 5%;
	border-radius: 22px;
	border: 1px solid #0666cc;
	display: inline-block;
	margin: 0 5%;
	transition: 0.3s;
}

.pageone .articleinfo .object_info .ask a span{
	display: inline-block;
	margin-right: 20px;
}
.pageone .articleinfo .object_info .ask a:hover{
	background-color: #0666cc;
	color: #fff;
}
.pageone .articleinfo .imgllla{
	display: flex;
	justify-content: space-around;
}
.pageone .articleinfo .imgllla img{
	margin: 0 15px;
	max-height: 280px;
}
.message .web{
	margin: 30px auto;
	background-color: #fff;
}
.message .web h2{
	font-weight: 400;
	color: #0666cc;
	font-size: 18px;
	line-height: 3;
}
.message .web .imgbox img {
    width: 445px;
    height: 300px;
    object-fit: cover;
}
.message .web .fl:last-child {
    width: 57%;
    padding-left: 5%;
}
.message .input{
	margin: 50px auto;
}
.message .input .fl{
	width: 38%;
	background-color: #fff;
	padding: 3.92% 0%;
	text-align: center;
}
.message .input .fl img{
	margin: auto;
	max-width: 100%;
}
.message .input .fr{
	width: 47%;
	padding: 19px 80px;
	background-color: #fff;
}
.message .input .form-tr{
	margin-bottom: 20px;
}
.message .input .form-tr label{
	display: inline-block;
	width: 65px;
}
.message .input p{
	font-size: 16px;
	color: #6c6c6c;
	margin-bottom: 15px;
	margin-left: 68px;
}
.message .input p{
	
}

.message .input input{
	width: 445px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.message .input textarea{
	width: 445px;
    padding: 10px;
    border: 1px solid #ccc;
	border-radius: 4px;
	vertical-align: text-top;
}
.message .input .code input{
	width: 200px;
	margin-left: 68px;
	transition: 0.5s;
}
.message .input .verify{
	display: inline-block;
	vertical-align: middle;
}
.message .input .submit{
	color: #fff;
	margin-top: 15px;
    display: block;
    width: 190px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #0666cc;
    color: #fff;
	font-size: 15px;
	margin-left: 68px;
	transition: 0.5s;
}
.message .input .submit:hover{
	background-color: #ffcc00;
}
.pages{
	background-color: #fff;
}
.pages .comnavs{
	display: flex;
	margin: 20px auto;
	justify-content: center;
}
.pages .comnavs li{
	width: 200px;
	text-align: center;
	border-right: 1px solid #ffcc00;
}
.pages .comnavs li:last-child{
	border: none;
}
.pages .comnavs li a{
	font-size: 22px;
	color: #0666cc;
	font-weight: bolder;
	transition: 0.3s;
}
.pages .comnavs li:hover a{
	color: #ffcc00;
}
.pages .comnavs li .on{
	color: #ffcc00;
}
.pages .gildgo{
	width: 100%;
	padding: 0;
}
.pages .gildgo .navbox ul li{
	width: 24%;
}
.pages .gildgo .navbox ul li img{
	height: 220px;
}
.pages .gildgo .navbox ul li a h5{
	font-weight: 500;
	background-color: #dedede;
}
.pages .gildgo .navbox ul li:hover a h5{
	background-color: #0666cc;
	color: #fff;
}
/* contact */
.contact{
	background-color: #fff;
	padding: 60px 25px 30px;
	margin-bottom: 5%;
	margin-top: 3%;
}
.contact ul{
	display: flex;
	justify-content: space-around;
}
.contact ul li{
	width: 210px;
	float: left;
	font-size: 18px;
	color: #333;
}
.contact ul li .infos{
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 17px;
}
.contact ul li .infos span{
	float: right;
	font-size: 28px;
	transition: 0.3s;
}
.contact ul li .tel{
	font-size: 16px;
	line-height: 35px;
}
.contact ul li:hover span{
	color: #0666cc;
}
#map{
	width: 100%;
	height: 300px;
	margin-bottom: 20px;
	background-color: #000;
}
/*companyhome*/
.companyhome{
	background-image: url(../images/comsng.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 30px 0 0;
	margin-top: 45px;
	position: relative;
}
.companyhome .comimg{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
}
.companyhome .comimg img{
	max-width: 100%;
	width: 100%;
	height: 100%;
    display: block;
}
.companyhome .combox>.fl{
	width: 50%;
	margin-top: 30px
}
.companyhome .combox .fl h1{
	color: #0666cc;
	font-size: 38px;
	font-weight: 500;
}
.companyhome .combox .fl .tit{
	color: #0666cc;
	font-size: 30px;
	padding: 20px 0;
}
.companyhome .combox .fl .infos{
	font-size: 16px;
	color: #666666;
	line-height: 35px;
}

.companyhome #perfil {
	color: #fff;
	padding: 5%;
	width: 780px;
	background-color: #0666cc;
	position: relative;
	z-index: 1;
	margin: 5% 0 7%;
}
.companyhome #perfil .items{
	width: 194px;
	text-align: center;
	font-size: 16px;
	padding: 9% 0;
	border-right: 1px solid #ccc;
}
.companyhome #perfil>div:last-child .items{
	border: none;
}
.companyhome #perfil .items .zb {
	font-weight: bold;
	font-size: 46px;
	vertical-align: top;
	display: inline-block;
    margin-right: 10px;
}
.companyhome #perfil .items .ccc {
	font-size: 16px;
}
.companyhome #perfil .end {
	border-right: 1px solid #0666cc;
}
/* culture */
.culture{
	margin: 50px auto;
	background-image: url(../images/coms1.jpg);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: bottom;
}
.culture .sans{
	margin: 30px auto;
	display: flex;
	justify-content: space-evenly;
}
.culture .sans .culs{
	width: 375px;
	margin-right: 20px;
}
.culture .sans .imgbox img{
	width: 388px;
	height: 258px;
	object-fit: cover;
}
.culture .sans .cons{
	text-align: center;
    padding: 14% 14% 2%;
    background-color: #f6f6f6;
    height: 112px;
    overflow: hidden;
}
.culture .sans .cons h5{
	font-size: 24px;
	color: #333;
	font-weight: 500;
	margin-bottom: 5%;
}
.culture .sans .cons p{
	font-size: 18px;
}
.culture .slogen{
	text-align: center;
	padding: 0 0  50px;
}
.culture .slogen h6{
	color: #ffcc00;
	font-size: 36px;
	line-height: 2.3;
}
.culture .slogen p{
	font-size: 20px;
	color: #fff;
}
.culture .slogen .ask{
	background-color: #0666cc;
    display: inline-block;
    padding: 9px 5%;
    border-radius: 25px;
    transition: 0.3s;
    color: #fff;
    font-size: 16px;
    margin-top: 35px;
    border: 3px solid #0666cc;
}
.culture .slogen .ask:hover{
	background-color: #fff;
	color: #0666cc;
}
.compics{
	margin: 30px auto;
}
.compics>.clearfix{
	display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.compics .fl:first-child{
	width: 30%;
	margin-right: 12px;
}
.compics .fl:first-child img{
	height: 540px;
	width: 100%;
	object-fit: cover;
}
.compics .fl:last-child{
	width: 68%;
}
.compics .fl li{
	float: left;
	margin-bottom: 15px;
}
.compics .fl li:nth-child(1) {
    width: 60%;
}
.compics .fl li:nth-child(2) {
	width: 38%;
	margin-left: 12px;
}
.compics .fl li:nth-child(3) {
	width: 38%;
	margin-right: 12px;
}
.compics .fl li:nth-child(4) {
    width: 60%;
}
.compics .fl li img{
	height: 262px;
	width: 100%;
	object-fit: cover;
}
.companyhome .dingzhi .fl:first-child{
	width: auto;
	margin-right: 8px;
}
.companyhome .dingzhi .fl:last-child{width: auto;}
.companyhome .dingzhi .fl li{
	margin-bottom: 8px;
}
.companyhome .fl:first-child img{height: 532px;}
.companyhome .fl:last-child img{height: 532px;}
.companyhome .fl img{
	object-fit: cover;
}
.companyhome .dingzhi .fl li:nth-child(2){margin-left: 8px;}
.companyhome .dingzhi .fl li:nth-child(3){margin-right: 8px;}
.companyhome .dingzhi .fl:first-child img{width: 290px;}
.companyhome .dingzhi .fl:last-child img{width: 290px;}
.companyhome .dingzhi .fl:nth-child(2){
	width: 600px;
}
.o_dz .mainyx{
	margin-bottom: 2%;
}
.o_dz .companyhome{
	background-image: none;
}
.o_dz .serverall{
	background-image: url(../images/dingzhi.jpg);
	background-repeat: no-repeat;
	background-size: auto;
	color: #fff;
}
.o_dz .serverall .name div{
	opacity: 0.8;
}
.o_dz .serverall .name h2,.o_dz .serverall .name p{
	color: #fff;
}
.o_dz .telme{
	width: 580px;
	margin: 50px auto;
	margin-top: 9%;
	text-align: center;
	color: #fff;
	font-size: 16px;
}
.o_dz .telme .names{
	padding-bottom: 5%;
    margin-bottom: 5%;
	border-bottom: 1px solid #717b84;
}
.o_dz .telme .names a{
	color: #ffcc00;
	font-size: 28px;
	font-weight: bolder;
}
.o_dz .telme  .zixun{
	background-color: #0666cc;
    display: inline-block;
    padding: 2px 5%;
    border-radius: 25px;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
	border: 3px solid #0666cc;
	transition: 0.3s;
}
.o_dz .telme  .zixun span{
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	margin-right: 15px;
}
.o_dz .telme  .zixun:hover{
	background-color: #fff;
	color: #0666cc;
}
.o_dz .allbox ul li img{
	z-index: 1;
}
.o_dz .allbox ul li span,.o_dz .allbox ul li p{
	color: #fff;
}
.o_dz .allbox ul li{
	background-image: url(../images/seright1.png);
	background-position: 95% 70px;
}
.o_dz .allbox ul li:last-child{
	background: unset;
}

/*rightnav*/
.floating_ck{position:fixed;right:20px;top:36%;z-index: 99; font-size: 14px; border-radius: 5px;}
.floating_ck dl dt{ height: 6px;}
.floating_ck dl dd{
	color: white;
	border-radius: 50%;
	line-height: 45px;
	transition: all 0.3s;
	position:relative;
	width:45px;
	height:45px;
	margin-bottom: 1px; 
	background-color:#0666cc; 
	background-repeat:no-repeat;
	background-position:center; 
	text-align: center; 
	cursor:pointer;
}
.floating_ck dl dd span{font-size: 27px;}
.floating_ck dl dd.return{ background-color: #0666cc;}
.return span{ float: left; width: 100%; height: 100%; }
.floating_ck dl dd:nth-child(0) { border-radius: 10px 10px 0 0; background: #ff0; }
.floating_ck a{color: #fff;}
.floating_left{
	position:absolute;
	left:-160px;top:0px;
	background-color:#0666cc; 
	width: 160px;
	transform: rotateX(90deg);
	transition: 0.5s;
}
.floating_left a{color:#fff;line-height:45px;}
.floating_ewm{height:205px;top:-94px;}
.floating_ewm i{display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm1{height:200px;top:-155px;}
.floating_ewm1 i{display:block;width:145px;height:145px;margin:auto;margin-top:7px; }
.floating_ewm1 p{color:#fff;margin-top:5px;}
.floating_ck dl dd:hover{ background-color: #0666cc; }
.floating_ck dl dd:hover .floating_left{transform: rotateX(0deg);}

/*css digg style pagination*/
.de-page-mian {
	overflow: hidden;
	text-align: center;
	font-size: 0;
	margin: 10px 0 35px;
  }
  .de-page-mian .page-inner {
	display: inline-block;
	overflow: hidden;
  }
  .de-page-mian .page-inner a {
	display: block;
	float: left;
	min-width: 26px;
	padding: 0 5px;
	height: 36px;
	border: 1px solid #dddddd;
	background: #fff;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	color: #333;
	margin-right: -1px;
	overflow: hidden;
  }
  .de-page-mian .page-inner a.active,
  .de-page-mian .page-inner a:hover {
	color: #fff;
	border-color: #2c73d2;
	background: #2c73d2;
  }
  .de-page-mian .page-inner a.prev {
	margin-right: 10px;
	background: #fff url(../../images/prev.jpg) no-repeat center;
  }
  .de-page-mian .page-inner a.prev.on {
	background: #fff url(../../images/prev-hover.jpg) no-repeat center;
  }
  .de-page-mian .page-inner a.prev:hover {
	background-color: #fff;
	border-color: #dddddd;
  }
  .de-page-mian .page-inner a.next {
	margin-left: 10px;
	margin-right: 15px;
	background: #fff url(../../images/next.jpg) no-repeat center;
  }
  .de-page-mian .page-inner a.next.on {
	background: #fff url(../../images/next-hover.jpg) no-repeat center;
  }
  .de-page-mian .page-inner a.next:hover {
	background-color: #fff;
	border-color: #dddddd;
  }
  .de-page-mian .page-inner a.page-btn {
	font-size: 12px;
	margin-right: 0;
	width: 63px;
	margin-left: 10px;
  }
  .de-page-mian .page-inner span {
	display: block;
	font-size: 12px;
	color: #333;
	float: left;
	line-height: 38px;
  }
  .de-page-mian .page-inner input {
	display: block;
	float: left;
	height: 36px;
	width: 36px;
	border: 1px solid #dddddd;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	color: #333;
	margin: 0 5px;
  }